<template>
  <div class="manger_two">
    <div class="ma_ad">
      <img src="../../assets/images/jd-news-tit.png" alt="">
      <yd-rollnotice autoplay="2000">
        <yd-rollnotice-item><span style="color:#F00;"> 荐 </span>一衣一纸伞，便孤渡江南，细雨微蒙 ！
        </yd-rollnotice-item>
        <yd-rollnotice-item><span style="color:#F00;"> 荐 </span>在最后才明白这首歌的真谛。</yd-rollnotice-item>
        <yd-rollnotice-item><span style="color:#F00;"> 荐 </span>虽在不同的城市，却守候着同一种心情。
        </yd-rollnotice-item>
      </yd-rollnotice>
    </div>
    <div class="article">
      <yd-accordion>
        <yd-accordion-item v-for="(ac,index) in acticle" :title="ac.title" :key="'a'+index">
          <div v-for="(co,index3) in ac.childs" :key="'c'+index3">
            <p>{{co.content}}</p>
          </div>
        </yd-accordion-item>
      </yd-accordion>
    </div>
  </div>
</template>
<style lang="scss">
  .manger_two {
    width: 100%;
    margin-top: 44px;
    background: #fff;
    .ma_ad {
      width: 100%;
      padding: 60px 10px 10px 10px;
      display: inline-flex;
      border-bottom: 3px solid #f2f2f2;
      img {
        width: 100px;
        height: 26px;
        margin-right: 5px;
      }
    }
  }
</style>
<script>
  export default {
    data() {
      return {
        acticle: []
      }
    },
    created() {
      this.getActicle()
    },
    methods: {
      getActicle() {
        this.$http.get('../static/acticle.json').then(res => {
          // console.log(res)
          if (res.status === 200) {
            this.acticle = res.data
            console.log(this.acticle)
          }
        })
      }
    },
    components: {}
  }
</script>
